<template>
	<div class="search-wrapper">
		<div class="search-wrap">
			<!-- 模板选择 -->
			<div class="search-title">
				<!-- <div class="search-title-l">高级搜索</div> -->
				<div class="search-title-r">
					<span class="search-title-label">模板：</span>
					<el-select v-model="value" placeholder="请选择" @change="getOne">
						<el-option v-for="item in options" :key="item.mobanid" :label="item.mobanmc"
							:value="item.mobanid" />
					</el-select>
					<el-button size="medium" @click="skipping">
						<i class="fa fa-th-list" />自定义模板新建和编辑
					</el-button>
				</div>
			</div>
			<!-- 关键字及表达式 -->
			<div class="search-filter">
				<div class="search-filter-title">高级检索输入</div>
				<div class="search-filter-params">
					<div class="search-filter-params-t">
						<el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
							@select="handleSelect" />
						<el-button size="medium" type="primary" @click="gotoInfo">
							<i class="fa fa-search" />检索
						</el-button>
						<el-button size="medium" @click="qingKong1()">
							<i class="fa fa-trash-o" />清除全部检索条件
						</el-button>
					</div>
					<div class="search-filter-params-b">
						<el-checkbox-group v-model="checked" @change="checked => checkRow(checked, item)">
							<el-checkbox v-for="item in checkList" :key="item.id" :label="item.id">{{ item.name }}
							</el-checkbox>
						</el-checkbox-group>
					</div>
				</div>
				<div class="search-filter-title">检索表达式</div>
				<div class="search-filter-tips">
					<!-- <div class="search-filter-tips-text"><strong>表达式：</strong>申请人姓名='%华为%'and发明人姓名='%顾雪平%'and申请人英文名称='%b'c'vb%'and</div> -->
					<div class="search-filter-tips-text">
						<strong>表达式：</strong>{{ this.htmlshowBDS }}
					</div>
					<div class="search-filter-tips-text" ref="hardBds" style="display:none">
						<i v-for="item in checkList" :key="item.id">
							<span v-if="item.checked == true">{{ item.name }}=是 and</span>
						</i>
						<i v-for="lists in xdata" :key="lists.index">
							<i v-for="item in lists.children" :key="item.id">
								<span v-if="
                    form[item.value] != undefined &&
                      form[item.value] != '' &&
                      item.type != 'checkbox' &&
                      item.type != 'radio' &&
                      item.type != 'datetime'
                  ">{{ item.label }}='%{{ form[item.value] }}%'and</span>
								<span v-if="
                    form[item.value] != undefined &&
                      form[item.value] != '' &&
                      item.type == 'datetime'
                  ">{{ item.label }}=BETWEEN{{ form[item.value] }}and
								</span>
								<span v-if="
                    form[item.value] != undefined &&
                      form[item.value] != '' &&
                      item.type == 'radio'
                  ">
									{{ item.label }}='{{ form[item.value] }}'and<i
										v-for="its in item.children.slice(2, item.children.length)" :key="its.label">
										<span v-if="
                        form[its.value] != undefined &&
                          form[its.value] != '' &&
                          (form[item.value] == '是' || form[item.value] == '有')
                      ">{{ its.label }}='%{{ form[its.value] }} %'and</span>
									</i>
								</span>
								<span
									v-if="item.type == 'checkbox' && form[item.value].length > 0">{{ item.label }}='{{ form[item.value].toString() }}'
									and</span>
							</i>
						</i>
					</div>
					<div class="search-filter-tips-edit" @click="editBDS">
						<i class="fa fa-pencil-square-o" /><span>编辑</span>
					</div>
				</div>
			</div>
			<!-- 检索表单 -->
			<div class="search-content">
				<div class="search-more-btn" @click="Allshow" v-bind:class="{ 'you' : flag, 'you2': !flag}">
					<span>{{ qbzk }}</span><i class="fa fa-angle-double-down" />
				</div>
				<el-tabs type="border-card" @tab-click="handleClick" v-model="hxactiveName">
					<!-- 复审检索 -->
					<el-tab-pane label="复审" name="fushen">
						<div class="search-body">
							<el-collapse v-model="activeNames">
								<el-form ref="form" :model="form" label-width="164px">
									<div class="search-item" v-for="(list,index) in xdata" :key="index">
										<el-collapse-item :name="list.label">
											<template slot="title"> {{ list.label }} </template>
											<div class="search-form">
												<el-row :gutter="10" style="display:flex; flex-wrap: wrap;">
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'text'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'datetime'">
														<el-form-item :label="item.label">
															<el-date-picker v-model="form[item.value]" type="daterange"
																range-separator="至" start-placeholder="开始日期"
																end-placeholder="结束日期" value-format="yyyyMMdd" />
														</el-form-item>
													</el-col>

													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'radio'">
														<el-form-item :label="item.label">
															<el-radio-group v-model="form[item.value]">
																<el-radio v-for="items in item.children.slice(0, 2)"
																	:key="items.id" :label="items.label">
																	{{ items.label }}</el-radio>
															</el-radio-group>
														</el-form-item>
														<el-form-item :label="its.label" v-if="form[item.value] == '是' || form[item.value] == '有'||form[item.value] == '涉及' " v-for="its in item.children.slice(2,item.children.length)" :key="its.label" style="width:25%;display:inline-block">
															<el-input v-model="form[its.value]" @click="qzshuanxin()"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>

													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'checkbox'">
														<el-form-item :label="item.label">
															<el-checkbox-group v-model="form[item.value]">
																<el-checkbox v-for="items in item.children"
																	:key="items.label" :label="items.label">
																	{{ items.label }}</el-checkbox>
															</el-checkbox-group>
														</el-form-item>
													</el-col>
													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'titlebtn'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容"
																style="width:75%;margin-right:20px" />
															<el-button round @click="titlebtnClick()">{{item.btnvalue}}</el-button>
														</el-form-item>
													</el-col>
												</el-row>
											</div>
										</el-collapse-item>
									</div>
									<el-form-item class="search-submit-btn">
										<el-button type="primary" @click="onSubmit"><i class="fa fa-search" />检索
										</el-button>
										<!-- <el-button @click="qingKong1('form',oldform)" ><i class="fa fa-trash-o"/>清除全部检索条件</el-button> -->
										<el-button @click="qingKong1()" ><i class="fa fa-trash-o"/>清除全部检索条件</el-button>
									</el-form-item>
								</el-form>
							</el-collapse>
						</div>
					</el-tab-pane>
					<!-- 无效检索 -->
					<el-tab-pane label="无效" name="wuxiao">
						<div class="search-body">
							<el-collapse v-model="activeNames">
								<el-form ref="form" :model="form" label-width="164px">
									<div class="search-item" v-for="(list,index) in xdata" :key="index">
										<el-collapse-item :name="list.label">
											<template slot="title"> {{ list.label }} </template>
											<div class="search-form">
												<el-row :gutter="10" style="display:flex; flex-wrap: wrap;">
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'text'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'datetime'">
														<el-form-item :label="item.label">
															<el-date-picker v-model="form[item.value]" type="daterange"
																range-separator="至" start-placeholder="开始日期"
																end-placeholder="结束日期" value-format="yyyyMMdd" />
														</el-form-item>
													</el-col>

													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'radio'">
														<el-form-item :label="item.label">
															<el-radio-group v-model="form[item.value]">
																<el-radio v-for="items in item.children.slice(0, 2)"
																	:key="items.id" :label="items.label">
																	{{ items.label }}</el-radio>
															</el-radio-group>
														</el-form-item>
														<el-form-item :label="its.label" v-if="form[item.value] == '是'"
															v-for="its in item.children.slice(2,item.children.length)" :key="its.label" style="width:25%;display:inline-block">
															<el-input v-model="form[its.value]" @click="qzshuanxin()"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>

													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'checkbox'">
														<el-form-item :label="item.label">
															<el-checkbox-group v-model="form[item.value]">
																<el-checkbox v-for="items in item.children"
																	:key="items.label" :label="items.label">
																	{{ items.label }}</el-checkbox>
															</el-checkbox-group>
														</el-form-item>
													</el-col>
													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'titlebtn'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容"
																style="width:75%;margin-right:20px" />
															<el-button round @click="titlebtnClick()">{{item.btnvalue}}</el-button>
														</el-form-item>
													</el-col>
												</el-row>
											</div>
										</el-collapse-item>
									</div>
									<el-form-item class="search-submit-btn">
										<el-button type="primary" @click="onSubmit"><i class="fa fa-search" />检索
										</el-button>
										<el-button @click="qingKong1()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
									</el-form-item>
								</el-form>
							</el-collapse>
						</div>
					</el-tab-pane>
					<!-- 外观检索 -->
					<el-tab-pane label="外观无效" name="waiguan">
						<div class="search-body">
							<el-collapse v-model="activeNames">
								<el-form ref="form" :model="form" label-width="164px">
									<div class="search-item" v-for="(list,index) in xdata" :key="index">
										<el-collapse-item :name="list.label">
											<template slot="title"> {{ list.label }} </template>
											<div class="search-form">
												<el-row :gutter="10" style="display:flex; flex-wrap: wrap;">
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'text'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'datetime'">
														<el-form-item :label="item.label">
															<el-date-picker v-model="form[item.value]" type="daterange"
																range-separator="至" start-placeholder="开始日期"
																end-placeholder="结束日期" value-format="yyyyMMdd" />
														</el-form-item>
													</el-col>

													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'radio'">
														<el-form-item :label="item.label">
															<el-radio-group v-model="form[item.value]">
																<el-radio v-for="items in item.children.slice(0, 2)"
																	:key="items.id" :label="items.label">
																	{{ items.label }}</el-radio>
															</el-radio-group>
														</el-form-item>
														<el-form-item :label="its.label" v-if="form[item.value] == '是'"
															v-for="its in item.children.slice(2,item.children.length)" :key="its.label" style="width:25%;display:inline-block">
															<el-input v-model="form[its.value]" @click="qzshuanxin()"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>

													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'checkbox'">
														<el-form-item :label="item.label">
															<el-checkbox-group v-model="form[item.value]">
																<el-checkbox v-for="items in item.children"
																	:key="items.label" :label="items.label">
																	{{ items.label }}</el-checkbox>
															</el-checkbox-group>
														</el-form-item>
													</el-col>
													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'titlebtn'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容"
																style="width:75%;margin-right:20px" />
															<el-button round @click="titlebtnClick()">{{item.btnvalue}}</el-button>
														</el-form-item>
													</el-col>
												</el-row>
											</div>
										</el-collapse-item>
									</div>
									<el-form-item class="search-submit-btn">
										<el-button type="primary" @click="onSubmit"><i class="fa fa-search" />检索
										</el-button>
										<el-button @click="qingKong1()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
									</el-form-item>
								</el-form>
							</el-collapse>
						</div>
					</el-tab-pane>
					<!-- 司法判决检索 -->
					<el-tab-pane label="司法判决" name="sifa">
						<div class="search-body">
							<el-collapse v-model="activeNames">
								<el-form ref="form" :model="form" label-width="164px">
									<div class="search-item" v-for="(list,index) in xdata" :key="index">
										<el-collapse-item :name="list.label">
											<template slot="title"> {{ list.label }} </template>
											<div class="search-form">
												<el-row :gutter="10" style="display:flex; flex-wrap: wrap;">
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'text'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>
													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'datetime'">
														<el-form-item :label="item.label">
															<el-date-picker v-model="form[item.value]" type="daterange"
																range-separator="至" start-placeholder="开始日期"
																end-placeholder="结束日期" value-format="yyyyMMdd" />
														</el-form-item>
													</el-col>

													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'radio'">
														<el-form-item :label="item.label">
															<el-radio-group v-model="form[item.value]">
																<el-radio v-for="items in item.children.slice(0, 2)"
																	:key="items.id" :label="items.label">
																	{{ items.label }}</el-radio>
															</el-radio-group>
														</el-form-item>
														<el-form-item :label="its.label" v-if="form[item.value] == '是'"
															v-for="its in item.children.slice(2,item.children.length)" :key="its.label" style="width:25%;display:inline-block">
															<el-input v-model="form[its.value]" @click="qzshuanxin()"
																placeholder="请输入内容" />
														</el-form-item>
													</el-col>

													<el-col :span="12" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'checkbox'">
														<el-form-item :label="item.label">
															<el-checkbox-group v-model="form[item.value]">
																<el-checkbox v-for="items in item.children"
																	:key="items.label" :label="items.label">
																	{{ items.label }}</el-checkbox>
															</el-checkbox-group>
														</el-form-item>
													</el-col>
													<el-col :span="24" v-for="item in list.children" :key="item.label"
														v-if="item.type == 'titlebtn'">
														<el-form-item :label="item.label">
															<el-input v-model="form[item.value]"
																placeholder="请输入内容"
																style="width:75%;margin-right:20px" />
															<el-button round @click="titlebtnClick()">{{item.btnvalue}}</el-button>
														</el-form-item>
													</el-col>
												</el-row>
											</div>
										</el-collapse-item>
									</div>
									<el-form-item class="search-submit-btn">
										<el-button type="primary" @click="onSubmit"><i class="fa fa-search" />检索
										</el-button>
										<el-button @click="qingKong1()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
									</el-form-item>
								</el-form>
							</el-collapse>
						</div>
					</el-tab-pane>
				</el-tabs>
			</div>
		</div>
		<!-- 检索表达式编辑对话框 -->
		<el-dialog title="检索表达式" :visible.sync="dialogFormVisible">
			<el-button @click="BtnClick('+')">+</el-button>
			<el-button @click="BtnClick('-')">-</el-button>
			<el-button @click="BtnClick('AND')">AND</el-button>
			<el-button @click="BtnClick('OR')">OR</el-button>
			<el-button @click="BtnClick('=')">=</el-button>
			<el-button @click="BtnClick('(')">(</el-button>
			<el-button @click="BtnClick(')')">)</el-button>
			<el-button @click="BtnClick('<>')">
				<>
			</el-button>
			<el-form :model="DialogForm" style="margin:10px">
				<el-form-item label="表达式" label-width="120px">
					<el-input v-model="DialogForm.name" autocomplete="off" type="textarea"></el-input>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisible = false">取 消</el-button>
				<el-button type="primary" @click="bianjibiaodashienter">确 定</el-button>
			</div>
		</el-dialog>
		<!-- 检索表达式 -->
		<!-- 模态框点击事件 -->
		<el-dialog title="弹窗" :visible.sync="dialogFormVisibleBtn">
			<el-form :model="DialogForm" style="margin:10px">
				<el-form-item label="表达式" label-width="120px">
					<el-input v-model="DialogForm.text" autocomplete="off" type="textarea"></el-input>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisibleBtn = false">取 消</el-button>
				<el-button type="primary" @click="dialogFormVisibleBtn = false">确 定</el-button>
			</div>
		</el-dialog>
		<!-- 模态框点击事件 -->
		<!-- 右侧悬浮框 -->
		<div v-if="showMe == false" style="
        height: 50px;
        width: 50px;
        background-color: #1989fa;
        color:#fff;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
        position: fixed;
        right: 5px;
        bottom: 180px;
        border-radius: 20px;
        line-height: 48px;
        text-align: center;
        cursor: pointer;
        display:none
      " @click="xRightClick">
			检索
		</div>
		<div v-if="showMe == true" style="
        width: 350px;
        background-color:#fff;
        color:#333;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
        position: fixed;
        right: 5px;
        bottom: 30px;
        cursor: pointer;
        padding:10px
      " @click="xRightClick">
			<div>表达式：</div>
			<div v-for="item in checkList" :key="item.id">
				<span v-if="item.checked == true">{{ item.name }}=true </span>
			</div>
			<el-form ref="form">
				<el-row :gutter="10">
					<el-col :span="24" v-for="item in xdataobj" :key="item.label">
						<el-form-item :label="item.label" v-if="item.type == 'text' && form[item.value] != ''">
							<el-input v-model="form[item.value]" placeholder="请输入内容" />
						</el-form-item>
						<el-form-item :label="item.label" v-if="item.type == 'datetime' && form[item.value] != ''">
							<el-date-picker v-model="form[item.value]" type="daterange" range-separator="至"
								start-placeholder="开始日期" end-placeholder="结束日期" />
						</el-form-item>
						<el-form-item :label="item.label" v-if="item.type == 'radio' && form[item.value] != ''">
							<el-radio-group v-model="form[item.value]">
								<el-radio v-for="items in item.children" :key="items.id" :label="items.label">
									{{ items.label }}</el-radio>
							</el-radio-group>
							<el-form-item :label="its.label" v-if="form[item.value] == '是'"
								v-for="its in item.children.slice(2, item.children.length)" :key="its.label">
								<el-input v-model="form[its.value]" placeholder="请输入内容" />
							</el-form-item>
						</el-form-item>
						<el-form-item :label="item.label" v-if="item.type == 'checkbox' && form[item.value] != ''">
							<el-checkbox-group v-model="form.zhuanliArr">
								<el-checkbox v-for="items in item.children" :key="items.id" :label="items.label">
									{{ items.label }}</el-checkbox>
							</el-checkbox-group>
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
		</div>
	</div>
</template>
<script>
	import {
		buildSearch,
		temList,
		temOne
	} from "@api/quick";
	import fushenData from "@/utils/search-data/fushen";
	import susongData from "@/utils/search-data/susong";
	import waiguanData from "@/utils/search-data/waiguan";
	import wuxiaoData from "@/utils/search-data/wuxiao";
	export default {
		data() {
			return {
				// 模板
				options: [],
        		qingkong:true,
				value: "",
				hxactiveName: "fushen",
				// 搜索
				restaurants: [],
				state: "",
				timeout: null,
				qbzk:"全部展开",
				flag:false,
				// 多选
				checkList: [{
						id: 1,
						name: "十大案件",
						checked: false
					},
					{
						id: 2,
						name: "优秀案件",
						checked: false
					},
					{
						id: 3,
						name: "典型案例",
						checked: false
					},
					{
						id: 4,
						name: "质保优秀案件",
						checked: false
					}
				],
				checked: [0],
				activeNames: ["0"],
				oldform: {
					"falvzhuangtai":"",
								"zhuanlizhulvxiangmu": "",
								"shenqinghao": "",
								"zhufenleihao": "",
								"qitafenleihao": "",
								"shenqingri": "",
								"famingmingchen": [],
								"gongkaigonggaohao": "",
								"gongkaigonggaori": "",
								"guobieshenshidaima": "",
								"shenqingrenxingming": "",
								"shenqingrenyingwenmingcheng": "",
								"shenqingrenleixing": "",
								"shenqingrenguobie": "",
								"shenqingrenshengfen": "",
								"shenqingrenchengshi": "",
								"famingrenxingming": "",
								"famingrenyingwenmingcheng": "",
								"famingrenguobie": "",
								"zhuanlileixing": [],
								"faming": [],
								"shiyong": [],
								"xinxing": [],
								"waiguan": [],
								"shifouyouyouxianquan": "",
								"you": "",
								"wu": "",
								"youxianquanxiangshu": "",
								"yixiang": "",
								"liangxiang": "",
								"youxianquanri": "",
								"youxianquanhao": "",
								"youxianquanguo": "",
								"youwuzhuanlidaili": "",
								"shi": "",
								"fou": "",
								"zhuanlidailijigoumingchen": "",
								"zhuanlidailijigoudaima": "",
								"zhuanlidailirenxingming": "",
								"shifouweifenanmuanshenqin": "",
								"fenanmuanleixing": "",
								"fenan": "",
								"muan": "",
								"zhuluxiangmushifoubiangeng": "",
								"zhuluxiangmubiangengneirong": [],
								"shenqingren": [],
								"famingren": [],
								"IPC": [],
								"shifouweiPCTshenqing": "",
								"guojishengqinghao": "",
								"guojigongkaihao": "",
								"zhuanlishengqingwenben": "",
								"chushenjieduanshifouxiugai": "",
								"shishenjieduanshifouxiugai": "",
								"fushenjiduanshifouxiugai": "",
								"fushenjieduanxiugaijutijieduan": [],
								"tichufenshenqingqiushixiugai": [],
								"feitifushenshidexiugai": [],
								"bohuijuedingquanliyaoqiuxiangshu": "",
								"fushenjuedingquanliyaoqiuxiangshu": "",
								"fushenjuedingquanliyaoqiuneirong": "",
								"fushenjuedingquanliyaoqiushuxing": "",
								"shenchayuanxingxi": "",
								"shishenshenchayuanbumen": "",
								"shishenshenchayuanxingming": "",
								"shishenshenchayuandaima": "",
								"heyizuzhangbumen": "",
								"heyizuzhangxingming": "",
								"heyizuzhangdaima": "",
								"zhushenbumen": "",
								"zhushenxingming": "",
								"zhushendaima": "",
								"canshenbumen": "",
								"canshenxingming": "",
								"canshendaima": "",
								"shifoufachuchengyuanbiangengtongzhi": "",
								"huibiqingqiujielun": "",
								"tongyihuibi": "",
								"butongyihuibi": "",
								"shenchashijianjiedian": "",
								"bohuijuedingri": "",
								"fushenqingqiuri": "",
								"shoulitongzhishufachushijian": "",
								"fushentongzhishufachushijian": "",
								"koushentongzhishufasongriqi": "",
								"koushenriqi": "",
								"juedingri": "",
								"fushenjuedingfawenri": "",
								"dafutongzhishushifouyanqi": "",
								"fushenanjianxinxi": "",
								"juedinghao": "",
								"falvyiju": "",
								"dafudiyicifutongyijian": "",
								"fushenqingqiurenxingming": "",
								"fushenqingqiurenguobie": "",
								"fushenqingqiurenshengfen": "",
								"fushenqingqiurenchenɡshi": "",
								"fushenshifouweituodaili": "",
								"fushendailijigoumingchen": "",
								"fushendailijiɡoudaima": "",
								"fushendailidailirenxingming": "",
								"quzhenghexianchangdiaocha": "",
								"xianchangdiaochadejieguo": "",
								"tongyi": "",
								"butongyi": "",
								"shifoucunzaiquanliyaoqiuhuifu": "",
								"huifuqingqiutijiaoshijian": "",
								"huifuqingqiudeliyou": "",
								"huifutongzhishufasongshijian": "",
								"shifouyougongzhongyijian": "",
								"shifoujinxingkoutoushenli": "",
								"koutoushenlidedidian": "",
								"shifouyouzhengrenzhengyan": "",
								"yizhiquan": "",
								"weiyizhiquan": "",
								"fushenjielun": "",
								"zhijiechexiaobohuijueding": [],
								"xiugaiwenbenkefulebohuijuedingzhichudequexian": [],
								"shitishenchacuowu": [],
								"bohuijuedingweifantingzhengyuanze": [],
								"bohuijuedingweifanqingqiuyuanze": [],
								"tonghouchexiaobohuijueding": [],
								"xiugaiwenbenkefufutongjibohuijuedingzhichudequexian": [],
								"qianshenweifanfadingchengxu": [],
								"weichibohuijueding": [],
								"fushenjuedingliyou（tiaokuan）yubohuijuedingliyou（tiaokuan）xiangtong": [],
								"fushenjuedingliyou（tiaokuan）yubohuijuedingliyou（tiaokuan）butong": [],
								"qisufayuan": "",
								"beijingshidiyizhongjirenminfayuan": "",
								"beijingzhishichanquanfayuan": "",
								"shifouweifahuichongshenanjian": "",
								"fahuichongshenanjian": "",
								"feifahuichongshenanjian": "",
								"fahuichongshendefayuan": "",
								"fahuichongshendeyuanyin": "",
								"sanxinɡpingpanjiansuokuaisuduankou": "",
								"bohuizhongxinyingxingdezhengjushu": "",
								"fushenzhongxinyingxingdezhengjushu": "",
								"shifoushejiɡuanyonɡshouduanzhihuan": "",
								"sheji": "",
								"busheji": "",
								"shifouɡuanyonɡshouduanzhijiezhihuan": "",
								"chuangzhaoxingduquanzhengjuzuhe": [],
								"1pian": [],
								"1pian+gongzhi": [],
								"1pianbutongbufenzuhe": [],
								"2pianzuhe": [],
								"2pian+gongzhi": [],
								"3pianzuhe": [],
								"3pian+gongzhi": [],
								"4pian+gongzhi": [],
								"5pianjiyishangzuhe": [],
								"5pianjiyishangzuhe+gongzhi": [],
								"qubiejishutezhengdexiangshu": "",
								"qubiejishutezhengdeneirong": "",
								"qubiejishutezhengdepingshu": "",
								"duquanzhengjuzuhefanɡshishuliang": "",
								"duliquanliyaoqiuzhengjushuliang": "",
								"bohuizhongchuangzaoxingdezhengjushu": "",
								"fushenzhongchuangzaoxingdezhengjushu": "",
								"shifoushejigongzhichangshi": "",
								"yuqitafushen、wuxiaojuedingjipanjuedeguanxi": "",
								"shifoucunzaiduogefushen": "",
								"shifoucunzaiwuxiao": "",
								"benjuedingshifouyoupanjue": "",
								"panjuejielun": "",
								"shengsu": "",
								"baisu": "",
								"panjueleixing": "",
								"xingzhengpanjueshu": "",
								"yishen": "",
								"ershen": "",
								"sanshen": "",
								"panjueri": "",
								"panjuehao": "",
								"juedingguishuxinxi": "",
								"juedingzuochudebumen": "",
								"anyuanchushi": "",
								"falvwenti": ""
							},
							form: {
					"falvzhuangtai":"",
					"falvzhuangtai":"",
					"zhuanlizhulvxiangmu": "",
					"shenqinghao": "",
					"zhufenleihao": "",
					"qitafenleihao": "",
					"shenqingri": "",
					"famingmingchen": [],
					"gongkaigonggaohao": "",
					"gongkaigonggaori": "",
					"guobieshenshidaima": "",
					"shenqingrenxingming": "",
					"shenqingrenyingwenmingcheng": "",
					"shenqingrenleixing": "",
					"shenqingrenguobie": "",
					"shenqingrenshengfen": "",
					"shenqingrenchengshi": "",
					"famingrenxingming": "",
					"famingrenyingwenmingcheng": "",
					"famingrenguobie": "",
					"zhuanlileixing": [],
					"faming": [],
					"shiyong": [],
					"xinxing": [],
					"waiguan": [],
					"shifouyouyouxianquan": "",
					"you": "",
					"wu": "",
					"youxianquanxiangshu": "",
					"yixiang": "",
					"liangxiang": "",
					"youxianquanri": "",
					"youxianquanhao": "",
					"youxianquanguo": "",
					"youwuzhuanlidaili": "",
					"shi": "",
					"fou": "",
					"zhuanlidailijigoumingchen": "",
					"zhuanlidailijigoudaima": "",
					"zhuanlidailirenxingming": "",
					"shifouweifenanmuanshenqin": "",
					"fenanmuanleixing": "",
					"fenan": "",
					"muan": "",
					"zhuluxiangmushifoubiangeng": "",
					"zhuluxiangmubiangengneirong": [],
					"shenqingren": [],
					"famingren": [],
					"IPC": [],
					"shifouweiPCTshenqing": "",
					"guojishengqinghao": "",
					"guojigongkaihao": "",
					"zhuanlishengqingwenben": "",
					"chushenjieduanshifouxiugai": "",
					"shishenjieduanshifouxiugai": "",
					"fushenjiduanshifouxiugai": "",
					"fushenjieduanxiugaijutijieduan": [],
					"tichufenshenqingqiushixiugai": [],
					"feitifushenshidexiugai": [],
					"bohuijuedingquanliyaoqiuxiangshu": "",
					"fushenjuedingquanliyaoqiuxiangshu": "",
					"fushenjuedingquanliyaoqiuneirong": "",
					"fushenjuedingquanliyaoqiushuxing": "",
					"shenchayuanxingxi": "",
					"shishenshenchayuanbumen": "",
					"shishenshenchayuanxingming": "",
					"shishenshenchayuandaima": "",
					"heyizuzhangbumen": "",
					"heyizuzhangxingming": "",
					"heyizuzhangdaima": "",
					"zhushenbumen": "",
					"zhushenxingming": "",
					"zhushendaima": "",
					"canshenbumen": "",
					"canshenxingming": "",
					"canshendaima": "",
					"shifoufachuchengyuanbiangengtongzhi": "",
					"huibiqingqiujielun": "",
					"tongyihuibi": "",
					"butongyihuibi": "",
					"shenchashijianjiedian": "",
					"bohuijuedingri": "",
					"fushenqingqiuri": "",
					"shoulitongzhishufachushijian": "",
					"fushentongzhishufachushijian": "",
					"koushentongzhishufasongriqi": "",
					"koushenriqi": "",
					"juedingri": "",
					"fushenjuedingfawenri": "",
					"dafutongzhishushifouyanqi": "",
					"fushenanjianxinxi": "",
					"juedinghao": "",
					"falvyiju": "",
					"dafudiyicifutongyijian": "",
					"fushenqingqiurenxingming": "",
					"fushenqingqiurenguobie": "",
					"fushenqingqiurenshengfen": "",
					"fushenqingqiurenchenɡshi": "",
					"fushenshifouweituodaili": "",
					"fushendailijigoumingchen": "",
					"fushendailijiɡoudaima": "",
					"fushendailidailirenxingming": "",
					"quzhenghexianchangdiaocha": "",
					"xianchangdiaochadejieguo": "",
					"tongyi": "",
					"butongyi": "",
					"shifoucunzaiquanliyaoqiuhuifu": "",
					"huifuqingqiutijiaoshijian": "",
					"huifuqingqiudeliyou": "",
					"huifutongzhishufasongshijian": "",
					"shifouyougongzhongyijian": "",
					"shifoujinxingkoutoushenli": "",
					"koutoushenlidedidian": "",
					"shifouyouzhengrenzhengyan": "",
					"yizhiquan": "",
					"weiyizhiquan": "",
					"fushenjielun": "",
					"zhijiechexiaobohuijueding": [],
					"xiugaiwenbenkefulebohuijuedingzhichudequexian": [],
					"shitishenchacuowu": [],
					"bohuijuedingweifantingzhengyuanze": [],
					"bohuijuedingweifanqingqiuyuanze": [],
					"tonghouchexiaobohuijueding": [],
					"xiugaiwenbenkefufutongjibohuijuedingzhichudequexian": [],
					"qianshenweifanfadingchengxu": [],
					"weichibohuijueding": [],
					"fushenjuedingliyou（tiaokuan）yubohuijuedingliyou（tiaokuan）xiangtong": [],
					"fushenjuedingliyou（tiaokuan）yubohuijuedingliyou（tiaokuan）butong": [],
					"qisufayuan": "",
					"beijingshidiyizhongjirenminfayuan": "",
					"beijingzhishichanquanfayuan": "",
					"shifouweifahuichongshenanjian": "",
					"fahuichongshenanjian": "",
					"feifahuichongshenanjian": "",
					"fahuichongshendefayuan": "",
					"fahuichongshendeyuanyin": "",
					"sanxinɡpingpanjiansuokuaisuduankou": "",
					"bohuizhongxinyingxingdezhengjushu": "",
					"fushenzhongxinyingxingdezhengjushu": "",
					"shifoushejiɡuanyonɡshouduanzhihuan": "",
					"sheji": "",
					"busheji": "",
					"shifouɡuanyonɡshouduanzhijiezhihuan": "",
					"chuangzhaoxingduquanzhengjuzuhe": [],
					"1pian": [],
					"1pian+gongzhi": [],
					"1pianbutongbufenzuhe": [],
					"2pianzuhe": [],
					"2pian+gongzhi": [],
					"3pianzuhe": [],
					"3pian+gongzhi": [],
					"4pian+gongzhi": [],
					"5pianjiyishangzuhe": [],
					"5pianjiyishangzuhe+gongzhi": [],
					"qubiejishutezhengdexiangshu": "",
					"qubiejishutezhengdeneirong": "",
					"qubiejishutezhengdepingshu": "",
					"duquanzhengjuzuhefanɡshishuliang": "",
					"duliquanliyaoqiuzhengjushuliang": "",
					"bohuizhongchuangzaoxingdezhengjushu": "",
					"fushenzhongchuangzaoxingdezhengjushu": "",
					"shifoushejigongzhichangshi": "",
					"yuqitafushen、wuxiaojuedingjipanjuedeguanxi": "",
					"shifoucunzaiduogefushen": "",
					"shifoucunzaiwuxiao": "",
					"benjuedingshifouyoupanjue": "",
					"panjuejielun": "",
					"shengsu": "",
					"baisu": "",
					"panjueleixing": "",
					"xingzhengpanjueshu": "",
					"yishen": "",
					"ershen": "",
					"sanshen": "",
					"panjueri": "",
					"panjuehao": "",
					"juedingguishuxinxi": "",
					"juedingzuochudebumen": "",
					"anyuanchushi": "",
					"falvwenti": ""
				},
				zhuanliList: [{
						id: 1,
						name: "发明"
					},
					{
						id: 2,
						name: "实用新型"
					},
					{
						id: 3,
						name: "外观"
					}
				],
				radioArr: [{
						id: 1,
						value: "是"
					},
					{
						id: 1,
						value: "否"
					}
				],
				isActive: false,
				showMe: false, // 悬浮框的显示  true显示检索内容
				xdata: [],
				xdataobj: [],
				dataSource: "fushen",
				dialogFormVisible: false,
				dialogFormVisibleBtn: false,
        		zzbds:"",
				DialogForm: {
					name: "",
					text: ""
				},
				htmlBDS: "",
				htmlshowBDS: "",
				friXRdata: {
					fushen: fushenData,
					wuxiao: wuxiaoData,
					waiguan: waiguanData,
					sifapanjue: susongData
				}
			};
		},
		created() {
			this.getList();
		},
		updated() {
			this.htmlBDS = this.$refs.hardBds.innerText;
		},
		mounted() {
			// --------------------------------------------------
			this.xdata = this.friXRdata.fushen.fromdata;
			// this.fushenX = this.friXRdata.fushen.fromdata;
			// this.wuxiaoX = this.friXRdata.wuxiao.fromdata;
			// this.waiguanX = this.friXRdata.waiguan.fromdata;
			// this.sifaX = this.friXRdata.sifa.fromdata;
			// --------------------------------------------------
			this.restaurants = this.loadAll();
			
			this.activeNames = [this.friXRdata.fushen.fromdata[0].label];
			this.htmlBDS = this.$refs.hardBds.innerText;
		},
		watch: {
			htmlBDS(val) {
				console.log(33333,this.htmlshowBDS)
				console.log(this.$refs.hardBds.innerText);
				console.log(this.htmlBDS.substring(this.htmlBDS.length - 3))
				if (this.htmlBDS.substring(this.htmlBDS.length - 3) == "and") {
					this.htmlshowBDS = this.htmlBDS.slice(0, this.htmlBDS.length - 3);
					console.log("进来if里面了",this.htmlshowBDS)
				} else if(this.htmlBDS.substring(this.htmlBDS.length - 3) == "nd "){
					this.htmlshowBDS = this.htmlBDS.slice(0, this.htmlBDS.length - 4);
				}else{
				this.htmlshowBDS="";
				}
				if(this.qingkong==false){
				this.htmlshowBDS="";
				this.qingkong=true
				}
			}
		},
		methods: {

			qingKong1(){
				this.qingkong=false
				this.state="";
				this.htmlshowBDS=""
				this.checked = [] // 清空多选框

				for (let key in this.checkList) {
					this.$set(this.checked, key, [])
					this.state="";
					this.htmlshowBDS=""
					console.log(this.checked)
				}
				for (let item in this.form) {
					this.$set(this.form,item,this.oldform[item])
					console.log(this.form)
					this.state="";
					this.htmlshowBDS=""
				}
				console.log(this.htmlshowBDS)
				this.state="";
				this.htmlshowBDS=""
				console.log(this.htmlshowBDS)
			},
      //全部展开点击
			Allshow() {
				this.activeNames = [];
				this.flag=!this.flag;
				 if(this.flag==true){
				          this.qbzk="全部关闭";
						  for (let i = 0; i < this.xdata.length; i++) {
						  	this.activeNames.push(this.xdata[i].label);
						  }
				       }else if(this.flag==false){
				          this.qbzk="全部展开";
				       }

			},
			//表达式按钮点击
			BtnClick(obj) {
				console.log(obj);
				this.DialogForm.name += obj;
        console.log(this.DialogForm.name)
			},
			qzshuanxin() {
				this.$forceUpdate();
			},
			//input后面的点击
			titlebtnClick() {
				this.dialogFormVisibleBtn = false;
			},
			bianjibiaodashienter(){
				this.dialogFormVisible=false;
				this.htmlshowBDS=this.DialogForm.name
			},
			//编辑表达式
			editBDS() {
				this.dialogFormVisible = true;
				console.log(this.$refs.hardBds.innerText);

				// this.DialogForm.name='';
				for (let i = 0; i < this.checkList.length; i++) {
					if (this.checkList[i].checked == true) {
						this.zzbds += this.checkList[i].name + "=是 and";
					}
				}
				for (let a = 0; a < this.xdata.length; a++) {
					let xdataobj = this.xdata[a].children;
					for (let i = 0; i < xdataobj.length; i++) {
						console.log(this.form[xdataobj[i].value]);
						if (
							xdataobj[i].type != "radio" &&
							xdataobj[i].type != "checkbox" &&
							xdataobj[i].type != "datetime" &&
							this.form[xdataobj[i].value] != "" &&
							this.form[xdataobj[i].value] != undefined
						) {
							this.zzbds +=
								xdataobj[i].label +
								"='%" +
								this.form[xdataobj[i].value] +
								"%'and";
						}
						if (
							xdataobj[i].type == "datetime" &&
							this.form[xdataobj[i].value] != "" &&
							this.form[xdataobj[i].value] != undefined
						) {
							this.zzbds +=
								xdataobj[i].label +
								"=BETWEEN" +
								this.form[xdataobj[i].value] +
								"and";
						}
						if (
							xdataobj[i].type == "radio" &&
							this.form[xdataobj[i].value] != "" &&
							this.form[xdataobj[i].value] != undefined
						) {
							this.zzbds +=
								xdataobj[i].label + "='" + this.form[xdataobj[i].value] + "'and";
							for (let j = 2; j < xdataobj[i].children.length; j++) {
								if (
									this.form[xdataobj[i].children[j].value] != "" &&
									this.form[xdataobj[i].children[j].value] != undefined &&
									(this.form[xdataobj[i].children[j].value] == "是" ||
										this.form[xdataobj[i].children[j].value] == "有")
								) {
									this.zzbds +=
										xdataobj[i].children[j].label +
										"='%" +
										this.form[xdataobj[i].children[j].value] +
										"%'and";
								}
							}
						}
						if (
							xdataobj[i].type == "checkbox" &&
							this.form[xdataobj[i].value].length > 0
						) {
							this.zzbds +=
								xdataobj[i].label +
								"='" +
								this.form[xdataobj[i].value].toString() +
								"'and";
						}
					}
				}

				if (this.DialogForm.name == "") {
					if (this.zzbds != "") {
						this.DialogForm.name = this.zzbds.substring(0, this.zzbds.length - 3);
					}
				}
        console.log(this.zzbds)
			},
			//获取模板列表
			async getList() {
				let obj = {
					mobanlx: this.hxactiveName
				};
				try {
					const {
						code,
						data
					} = await temList(obj);
					if (code == 200) {
						this.$message.success("获取列表成功");
						this.options = data;
						this.options.unshift({
							mobanid: "0",
							mobanmc: "默认模板"
						});
						this.value = "0";
						// this.getOne()
					} else {
						this.$message.error("获取列表失败");
					}
				} catch (err) {
					console.log(err);
				}
			},
			//获取模板内容
			async getOne() {
				this.fromData = [];
				let obj = {
					mobanid: this.value
				};
        		console.log(obj.mobanid)
				if (obj.mobanid==0) {
					this.xdata=this.friXRdata.fushen.fromdata
				} else{
					try {
						const {
							code,
							data
						} = await temOne(obj);
						if (code == 200) {
							// this.$message.success("获取信息成功");
							this.xdata = [];
							this.xdata = JSON.parse(data.jiansuoxmb).todata;
							console.log(this.xdata);
						} else {
							this.$message.error("获取信息失败");
						}
					} catch (err) {
						console.log(err);
					}
				}
			},
			//右侧悬浮框点击
			xRightClick() {
				this.showMe = !this.showMe;
			},
			//高级检索
			async _buildSearch() {
				let obj = {
					state: this.state,
					dataSource: this.hxactiveName
				};
				const results = await buildSearch(obj);
				console.log(results);
				return results.data || [];
			},
			async gotoInfo() {
				if (!this.state) {
					return this.$message.warning("请输入检索关键字");
				}
				const expList = await this._buildSearch();
				console.log(expList);
				this.$router.push({
					path: "/pages/list",
					query: {
						expList: JSON.stringify(expList),
						dataSource: this.hxactiveName
					}
				});
			},
			//高级搜索下面的点击事件
			checkRow(arr, i) {
				console.log(arr);
				for (let i = 0; i < this.checkList.length; i++) {
					if (arr.indexOf(this.checkList[i].id) != -1) {
						this.checkList[i].checked = true;
					} else {
						this.checkList[i].checked = false;
					}
					this.$forceUpdate();
				}
        console.log("改变了，改变了")
			},
			skipping() {
				this.$router.push({
					path: "legal-question-search"
				});
			},
			handleClick(tab, event) {
				console.log(111,tab, event);
				console.log(2222,this.hxactiveName);

        		this.qingKong1()

				if (this.hxactiveName == "fushen") {
					this.xdata = this.friXRdata.fushen.fromdata;
					this.activeNames = [this.friXRdata.fushen.fromdata[0].label];
				}
				if (this.hxactiveName == "waiguan") {
					this.xdata = this.friXRdata.waiguan.fromdata;
					this.activeNames = [this.friXRdata.waiguan.fromdata[0].label];
				}
				if (this.hxactiveName == "wuxiao") {
					this.xdata = this.friXRdata.wuxiao.fromdata;
					this.activeNames = [this.friXRdata.wuxiao.fromdata[0].label];
				}
				if (this.hxactiveName == "sifa") {
					this.xdata = this.friXRdata.sifapanjue.fromdata;
					this.activeNames = [this.friXRdata.sifapanjue.fromdata[0].label];
				}
				this.getList();
			},
			loadAll() {
				return [{
						value: "申请号",
						address: "4"
					},
					{
						value: "主分类号",
						address: "2"
					}
				];
			},
			querySearchAsync(queryString, cb) {
				var restaurants = this.restaurants;
				var results = queryString ?
					restaurants.filter(this.createStateFilter(queryString)) :
					restaurants;

				clearTimeout(this.timeout);
				this.timeout = setTimeout(() => {
					cb(results);
				}, 3000 * Math.random());
			},
			createStateFilter(queryString) {
				return state => {
					return (
						state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
					);
				};
			},
			handleSelect(item) {
				console.log(item);
			},
			//高级检索
			async _buildSearchBot() {
				// const { state, hxactiveName } = this;
				let obj = this.form;
				obj.dataSource = this.hxactiveName;
				const results = await buildSearch(obj);
				console.log(results);
				return results.data || [];
			},
			async onSubmit() {
				console.log("submit!");
				const expList = await this._buildSearchBot();
				this.$router.push({
					path: "/pages/list",
					query: {
						expList: JSON.stringify(expList),
						dataSource: this.hxactiveName
					}
				});
			}
		}
	};
</script>
<style lang="scss">
	$main-color: #303133;
	$blue-color: #2d54b8;
	$border-color: #dcdfe6;

	.search-content {
		.el-form-item__label {
			font-size: 14px;
		}

		.el-tabs--border-card {
			border: 0;
			border-radius: 6px;
			box-shadow: none;
		}

		.el-tabs--border-card>.el-tabs__header .el-tabs__item {
			border: 1px solid $border-color;
			margin-top: 0;
			color: $blue-color;
			border-radius: 6px 6px 0 0;
			margin-right: 10px;
			border-bottom: 0;
			background-color: #ebeef5;
			font-size: 16px;
		}

		.el-tabs--border-card>.el-tabs__header {
			background-color: #f7f7f7;
			margin-top: -1px;
			border-bottom: 1px solid $border-color;
		}

		.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
			color: $main-color;
			background-color: #fff;
		}

		.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
		.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
			margin-left: 0;
		}

		.el-tabs--border-card>.el-tabs__content {
			border-left: 1px solid $border-color;
			border-right: 1px solid $border-color;
			border-bottom: 1px solid $border-color;
			padding: 20px;
		}
	}

	.search-filter-params-b {

		.el-checkbox__input.is-checked .el-checkbox__inner,
		.el-checkbox__input.is-indeterminate .el-checkbox__inner {
			background-color: $blue-color;
			border-color: $blue-color;
		}

		.el-checkbox__input.is-checked+.el-checkbox__label {
			color: $main-color;
		}

		.el-checkbox__label {
			font-size: 14px;
		}
	}

	.search-content {
		.search-form {
			margin-top: 20px;
		}

		.el-collapse {
			border: 0;
		}

		.search-item {
			.el-collapse-item__wrap {
				border-bottom: 0;
			}

			.el-collapse-item__content {
				padding-bottom: 0;
			}

			.el-collapse-item__header {
				height: 50px;
				line-height: 50px;
				background-color: #ebeef5;
				color: #303133;
				cursor: pointer;
				border-bottom: 0;
				font-size: 18px;
				font-weight: 700;
				padding-left: 14px;
				position: relative;

				&::before {
					content: "";
					position: absolute;
					left: 0;
					top: 17px;
					z-index: 1;
					width: 4px;
					height: 16px;
					background-color: $blue-color;
				}
			}
		}

		.el-input__inner {
			height: 36px;
			line-height: 36px;
			border: 1px solid $border-color;
			background-color: #fafafa;
			font-size: 14px;
		}

		.el-date-editor .el-range-input,
		.el-date-editor .el-range-separator {
			background-color: #fafafa;
			font-size: 14px;
		}

		.el-date-editor .el-range-input {
			width: 43%;
		}

		.el-checkbox__inner,
		.el-radio__inner {
			width: 18px;
			height: 18px;
		}

		.el-checkbox__inner::after {
			left: 6px;
			top: 2px;
		}
	}

	.search-submit-btn {
		.el-form-item__content {
			font-size: 14px;
			text-align: center;
			margin: 0 auto !important;
		}

		.el-button {
			padding: 10px 12px;
			font-size: 14px;
			color: $main-color;

			i {
				margin-right: 10px;
			}
		}

		.el-button--primary {
			background-color: $blue-color;
			border-color: $blue-color;
			padding-left: 80px;
			padding-right: 80px;
			color: #ffffff;

			&:focus,
			&:hover {
				background: #66b1ff;
				border-color: #66b1ff;
				color: #fff;
			}
		}
	}
</style>
<style lang="scss" scoped>
	$main-color: #303133;
	$blue-color: #2d54b8;
	$border-color: #dcdfe6;

	.el-select-dropdown__item {
		font-size: 14px;
	}

	.search-wrapper,
	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: "PingFang SC", Microsoft YaHei, Arial, sans-serif !important;
	}

	.search-wrapper {
		margin: 0 auto;
		width: 1200px;
		overflow: hidden;
		color: $main-color;
		font-size: 14px;
	}

	.search-title {
		margin-top: 20px;
		overflow: hidden;

		.search-title-l {
			font-size: 22px;
			float: left;
		}

		.search-title-r {
			float: right;

			.earch-title-label {}

			.el-button {
				margin-left: 20px;

				i {
					margin-right: 10px;
					font-size: 14px;
				}
			}

			.el-button--medium {
				padding: 10px 12px;
			}
		}
	}

	.search-filter {
		margin-top: 15px;
		background-color: #ffffff;
		border: 1px solid $border-color;
		border-radius: 6px;
		padding: 20px;

		.search-filter-title {
			font-size: 18px;
			font-weight: 700;
			position: relative;
			height: 16px;
			line-height: 16px;
			padding-left: 14px;

			&::before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				width: 4px;
				height: 100%;
				background-color: $blue-color;
			}
		}

		.search-filter-params {
			margin: 20px 0 0 14px;
			overflow: hidden;

			.search-filter-params-t {
				.el-autocomplete {
					margin-right: 12px;
					width: 60%;
				}

				.el-button {
					margin: 0 20px 0 0;
					padding: 10px 12px;
					font-size: 14px;
				}

				.el-button--primary {
					background-color: $blue-color;

					&:focus,
					&:hover {
						background: #66b1ff;
						border-color: #66b1ff;
					}
				}

				i {
					margin-right: 10px;
				}
			}

			.search-filter-params-b {
				margin: 18px 0 20px 0;

				.el-checkbox {
					margin-right: 40px;
				}
			}
		}

		.search-filter-tips {
			margin-top: 10px;
			background-color: #ebeef5;
			color: $blue-color;
			// height: 54px;
			line-height: 24px;
			padding: 10px 20px;

			.search-filter-tips-text {
				// float: left;
				display: inline-block;
				width: 92%;
				// min-height:40px;
			}

			.search-filter-tips-edit {
				float: right;
				color: $blue-color;
				cursor: pointer;

				i {
					margin-right: 12px;
					font-size: 14px;
				}

				&:hover,
				&:focus {
					color: #66b1ff;
				}
			}
		}
	}

	.search-content {
		position: relative;

		.search-more-btn {
			cursor: pointer;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1;
			color: $blue-color;
			font-size: 14px;

			i {
				margin-left: 10px;
				font-size: 14px;
			}
		}
	}

	.search-content {
		margin-top: 20px;

		.el-form-item {
			min-height: 40px;
			margin-bottom: 18px;
		}

		.el-form-item__label,
		.el-input__inner,
		.el-checkbox__label,
		.el-radio__label {
			font-size: 14px;
			color: $main-color;
		}

		.el-range-editor.el-input__inner {
			width: 100%;
		}
	}

	.search-body {
		margin: 0 0 10px 0;

		.search-submit-btn {
			margin-bottom: -10px;
		}

		.search-item {
			margin-bottom: 20px;
		}
	}
</style>
